<!DOCTYPE html>

<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="shortcut icon" href="img/season-change.jpg" type="image/x-icon">
		<title>易诚智能</title>

	    <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
	    <!-- <link href='http://fonts.googleapis.com/css?family=Pontano+Sans' rel='stylesheet' type='text/css'>
	    <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans:300,400,500,700' rel='stylesheet' type='text/css'> -->
	    <link href='http://fonts.googleapis.com/css?family=Roboto:400,300,500' rel='stylesheet' type='text/css'>
	    <link href='http://fonts.googleapis.com/css?family=Dosis:300,400,500,600' rel='stylesheet' type='text/css'>
	    
		<script src="http://api.map.baidu.com/api?v=2.0&ak=uCi2XY6OY0hWTnqVann7VMP4lOEujGIA"></script>
		<link rel="stylesheet" type="text/css" href="assets/css/animate.css">
		<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="assets/css/main.css">
		
	</head>
    <style>
		.dropdown-menu-dark {
			color: #dee2e6;
			background-color: #46A1B4;
			border-color: rgba(0,0,0,.15);
		}
	</style>
	<body>
		<section class= "navs">
			<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  				<div class="container-fluid">
    				<!-- Brand and toggle get grouped for better mobile display -->
    				<div class="navbar-header dropdown-menu-dark">
      					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					        <span class="sr-only">Toggle navigation</span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
	      				</button>
	      				<a class="navbar-brand logo" href="#">
	      					<span><i class="fa fa-stethoscope"></i></span>
	      					易诚智能
	      				</a>
	    			</div>

    		<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav navbar-right">
							<li <!--class="active"--><a href="index.html" >主页</a></li>
							<li class="dropown-toggle">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown"><b class="caret"></b>关于我们</a>
								<ul class="dropdown-menu dropdown-menu-dark">

									<li><a href="blog.html">历史回眸</a></li>
									<li class="divider"></li>
									<li><a href="future.html">未来展望</a></li>
									<li class="divider"></li>
									<li><a href="Systems.html">体制机制</a></li>
									<li class="divider"></li>
									<li><a href="contact.html">联系我们</a></li>
								</ul>
							</li>
							<li class="dropown-toggle">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown"><b class="caret"></b>用户之家</a>
								<ul class="dropdown-menu dropdown-menu-dark">

									<li><a href="gallery.html">德豹产品</a></li>
									<li class="divider"></li>
									<li><a href="#">德豹服务</a></li>
									<li class="divider"></li>
									<li><a href="voice.html">用户反馈</a></li>
									<li class="divider"></li>
									<li><a href="faq.html">德豹印象</a></li>
									<li class="divider"></li>
									<li><a href="DeBaoFans.html">德粉社</a></li>
									<li class="divider"></li>
									<li><a href="#">德豹团</a></li>
								</ul>
							</li>
							<li class="dropown-toggle">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown"><b class="caret"></b>德豹之声</a>
								<ul class="dropdown-menu dropdown-menu-dark">

									<li><a href="doctors.html">招贤纳士</a></li>
									<li class="divider"></li>
									<li><a href="partnership.html">事业合伙</a></li>
									<li class="divider"></li>
									<li><a href="voiceOfCust.html">军歌嘹亮</a></li>
									<li class="divider"></li>
									<li><a href="impression.html">产业挚友</a></li>
									<li class="divider"></li>
									<li><a href="crusaders.html">十字军</a></li>
									<li class="divider"></li>
									<li><a href="lion.html">狮子会</a></li>

								</ul>
							</li>
							<li class="dropown-toggle">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown"><b class="caret"></b>产业社群</a>
								<ul class="dropdown-menu dropdown-menu-dark">
									<li><a href="dynamic.html">业内动态</a></li>
									<li class="divider"></li>
									<li><a href="Technical.html">技术交流</a></li>
									<li class="divider"></li>
									<li><a href="medicine.html">摆药交流</a></li>
									<li class="divider"></li>
									<li><a href="goods.html">物品交流</a></li>
								</ul>
							</li>
						</ul>
					</div><!-- /.navbar-collapse -->
				</div><!-- /.container-fluid -->
			</nav>
		</section>

		<section class="contact-title text-center">
			<div class="contact-wrapper">
				<div class="container">
					<div class= "row">
						<div>
							<h1 class="headline">易诚智能</h1>
						</div>
					</div>
					<div class="row">
						<div class="sub-headline">
							<p>Contact us </p>
						</div>
					</div>	
				</div>
			</div>
		</section>


		<section class="contact-content">
			<div class="container">
				<div class="row">
					<div class="col-md-8">
						<div class="div_any02 left ">
                        <div class="google-map">
							<!--<div id="map-canvas"></div>-->
                            <img src="assets/img/dt1.jpg"/>
						</div>
        </div>
						<div class="quick-contact">
							<h3>详情地址</h3>
							<hr>
							<div class="row">
								<div class="col-md-6">
									<p>
										<i class="fa fa-home"></i> 
										<span>公司地址:</span>
										山东省济南市崇德街26-1号
									</p>
								</div>
								<div class="col-md-6">
									<p>
										<i class="fa fa-phone"></i>
										<span>联系电话:</span>
										0531-6865-9633
									</p>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<p>
										<i class="fa fa-fax"></i> 
										<span>业务咨询电话:</span>
										15550057339
									</p>
								</div>
								<div class="col-md-6">
									<p>
										<i class="fa fa-ambulance"></i>
										<span>客户服务电话:</span>
										15550057369
									</p>
								</div>
							</div>
						</div>
					</div>

					<div class="col-md-4">
						<div class= "appointment">
							
		                    <div class="header text-center">
		                        <h2>客户服务电话</h2>
		                       	<a href="#" class="number">
		                       		<i class="fa fa-phone fa-fw"></i>
									0531-6865-9633
		                       	</a>
		                        <span class="or">OR</span>
		                    </div>

							<!-- form of appointment -->
							<div class="row">
								<form method="post" action="#">
									<div class= "form">
										<div class="input-group margin-bottom-sm col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
										 	<input class="form-control" type="text" placeholder="Full Name *" required>
										</div>
										<div class="input-group margin-bottom-sm col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
										 	<input class="form-control" type="text" placeholder="Email Address *" required>
										</div>
										<div class="input-group margin-bottom-sm col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
										 	<input class="form-control" type="text" placeholder="Appointment Date *" required>
										</div>
										<div class="input-group margin-bottom-sm col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
										 	<input class="form-control" type="text" placeholder="Mobile Number *" required>
										</div>
									</div>
									<div class="input-group margin-bottom-sm col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
										<textarea class="form-control" rows="6" placeholder="Your Problem *" required></textarea>
									</div>
									<div class="col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
										<div class="captcha-container">
		                                    <label>Are you human? </label><br/>
		                                    <img src="http://inspirythemesdemo.com/healthpress/wp-content/themes/healthpress-theme/captcha/captcha.php" alt="">
		                                    <input type="text" class="captcha required" name="captcha" maxlength="5" title=" Please enter the code characters displayed in image!">
		                                </div>
										<input class="btn btn-primary send" type="submit" value="Send">
									</div>
								</form>
							</div>
							<!-- end of form -->
						</div><!-- end of appointment-->
					</div>
				</div>
			</div>
		</section>


		<section id="footer">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-md-offset-3">
						<ul class="text-center contact">
				        	<li class= "socials-icons">
								<a href="#" data-toggle="tooltip" title="Share in Facebook" class="facebook"><i class="fa fa-facebook"></i></a>
							</li>
							<li class= "socials-icons">
								<a href="#" data-toggle="tooltip" title="Share in Twitter" class="twitter"><i class="fa fa-twitter"></i></a>
							</li>
							<li class= "socials-icons">
								<a href="#" data-toggle="tooltip" title="Share in Google +" class="google-plus"><i class="fa fa-google-plus"></i></a>
							</li>
							<li class= "socials-icons">
								<a href="#" data-toggle="tooltip" title="Share in Instagram" class="instagram"><i class="fa fa-instagram"></i></a>
							</li>
							<li class= "socials-icons">
								<a href="#" data-toggle="tooltip" title="Share in Pinterest" class="pinterest"><i class="fa fa-pinterest"></i></a>
							</li>
							<li class= "socials-icons">
								<a href="#" data-toggle="tooltip" title="Connect with Skype" class="skype"><i class="fa fa-skype"></i></a>
							</li>
				      	</ul>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12">
						<div class="copy-right-text text-center">
							Copyright &copy; 2017.Company name All rights reserved.
						</div>
					</div>
				</div>
			</div>
		</section>


		<script type="text/javascript" src="assets/js/jquery.min.js"></script>
		<script type="text/javascript" src="assets/js/isotope.pkgd.min.js"></script>
		<script type="text/javascript" src="assets/js/wow.min.js"></script>
		<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
		<script src="https://maps.googleapis.com/maps/api/js"></script>
		
		<script>
	      function initialize() {
	        var mapCanvas = document.getElementById('map-canvas');
	        var mapOptions = {
	          center: new google.maps.LatLng(24.900392, 91.853181),
	          zoom: 16,
	          mapTypeId: google.maps.MapTypeId.ROADMAP
	        }
	        var map = new google.maps.Map(mapCanvas, mapOptions)
	      }
	      google.maps.event.addDomListener(window, 'load', initialize);
	    </script>

		<script>
      		new WOW().init();
		</script>


	</body>
</html>
